
<#assign title="首页">
<#include 'common/header.html' />

<!-- 检测组件是否启用 -->
<!-- 首页导航组件 -->
<#assign isComponentTag = newTag("isComponentTag")>
<#assign isNavigationComponent = isComponentTag("{'componentName':'首页导航组件'}")>

<div class="header">

<#if isNavigationComponent==1>
	<!-- 首页导航HTML -->
	<#assign showNavigationTag = newTag("showNavigationTag")>
	<#assign navigationHtml=showNavigationTag("{'state':'0'}")>
	${navigationHtml}
</#if>
	
	<div class="subdiv">
		<h1 class="subtitle1">system design</h1>
		<h2 class="subtitle2">用心制作的网站</h2>
		<h5 class="subtitle3">
			PHP的版本目前已经发布到了7.0+，增加了许多新的特性和改动，网上大多数的文档却依陈杂老旧，很容易对初学者造成误导。所以笔者将自己对PHP的见解和认知，结合为新的PHP教程和文档，免费分享给PHP初学者和需要了解PHP新特性的同学们。
		</h5>
		<button type="button" class="am-btn am-btn-danger subbtn"  data-am-scrollspy="{animation: 'fade'}" style="outline:none;">立即加入</button>
	</div>
	
	<!-- 设置回到顶层-->
	<div class="smooth_div">
		<a href="javascript:void(0);" class="smooth_a" data-am-sticky="{top:400,left:150}">
			<div class="smooth" data-am-smooth-scroll></div>
		</a>
	</div>
		
</div>


<#include 'F1.html' />

<#include 'F2.html' />
<#include 'F3.html' />
<#include 'F4.html' />



<script type="text/javascript">
 $("html, body").scrollTop(0);

$(function() {
	
	  $('.subbtn').on('inview.scrollspy.amui', function() {
		  $('.smooth_a').css({"visibility":"hidden"});
	  }).on('outview.scrollspy.amui', function() {
		  $('.smooth_a').css({"visibility":"visible"});
	  	  $('.smooth').css({"background-position":"0px 65px"});
	  });
	  
});

</script> 

<#include 'common/footer.html' />
